<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <title>表单（form注册登录）</title>
    </head>
    <body>
    <!-- <form action="1.php" method="get"> -->
    <form action="1.php" method="post">
    	<fieldset>
    		<legend>用户注册</legend>
    	
		<!-- 文本框 -->
    	用户名：<input type="text" name="username" maxlength="11" readonly="readonly">
    	<br>
    	<br>
    	<!-- 密码框 -->
    	密码:<input type="password" name="pass" maxlength="6">
    	<input type="submit">
    	<br>
    	<br>
    	用户名：<input type="text" disabled="disabled" name="user" value="nihao">
    	<!-- 单选按钮 -->
    	性别：<input type="radio"  name="gender" value="male" checked="checked">男
			<input type="radio"  name="gender" value="female">女

		<!-- 下拉列表 -->
		<br>
		<br>
		出生地：<select>
			<option>山东</option>
			<option>山西</option>
			<option>河北</option>
			<option selected="seleced">北京</option>
		</select>
		<br>
		<br>
		<!-- 多选，在select中设置 -->
		多选：<select multiple="multiple">
			<option>山东</option>
			<option>山西</option>
			<option>河北</option>
			<option>河南</option>
		</select>
		<br>
		<br>
		市（区）：
		<select>
		<optgroup label="北京">
			<option>西城区</option>
			<option>东城区</option>
			<option>海淀区</option>
			<option>昌平区</option>
		</optgroup>
		<optgroup label="山东">
			<option>西城区</option>
			<option>东城区</option>
			<option>海淀区</option>
			<option>昌平区</option>
		</optgroup>
		<optgroup label="河北">
			<option>西城区</option>
			<option>东城区</option>
			<option>海淀区</option>
			<option>昌平区</option>
		</optgroup>
		</select>
		<br>
		<br>
		兴趣爱好
		<input type="checkbox" checked="checked">吃饭
		<input type="checkbox">打豆豆
		<input type="checkbox">睡觉
		<br>
		<br>
		多行文本输入
		<textarea></textarea>
		<br>
		<br>
		头像（图片上传）
		<input type="file">
		<br>
		<br>
		表单提交
		<input type="submit" value="登录">
		<br>
		<br>
		<!-- 普通按钮，没有表单提交功能 -->
		<input type="button" value="普通按钮">
		<!-- 这个按钮可以配合js提交 -->
		<input type="button" value="普通按钮" onclick="">
		<!-- 重置按钮 -->
		<input type="reset">
		<br>
		<br>
		<!-- 图片按钮也可以进行表单的提交 -->
		<input type="image" src="按钮.jpg">
		</fieldset>
    </form>
    </body>
</html>